<template>
	<view v-if="orderInfo" style="overflow-x: hidden;">
		<view class="nav-back">
			<top-heigth backTitle="订单详情"></top-heigth>
		</view>	
		
		<!-- -------- -->
		<view class="content-box m-b16 m-t16">
			<view class="public-box" style="padding-bottom: 0; overflow: hidden;">
				<h1 class="order-h1">用户信息</h1>
				<view class="detail-box" v-if="orderInfo.serviceReservedTime != '' && orderInfo.serviceReservedTime != null">
					<view class="detail-font2">
						<view class="left">预约时间：</view>
						<view class="right">{{orderInfo.serviceReservedTime}}</view>
					</view>
				</view>
				<view class="detail-box">
					<view class="detail-font2">
						<view class="left">服务地址：</view>
						<view class="right">{{orderInfo.userAddress}}</view>
					</view>
					<view class="detail-font2-l" style="min-width: 95rpx;" @click="toMapAPP">
						<image class="icon" src="/static/image/detail-address.png"></image>
						<view>导航</view>
					</view>
				</view>
				<view class="detail-box">
					<view class="detail-font2">
						<view class="left">用户姓名：</view>
						<view class="right">{{orderInfo.userName}}</view>
					</view>
					<view class="detail-font2-l" @click="callPhone(orderInfo)" style="min-width: 95rpx;" v-if="!isShenhe">
						<image class="icon" src="/static/image/detail-phone.png"></image>
						<view class="">联系</view>
					</view>
				</view>
			</view>
		</view>
		
		
		<view class="content-box m-b16">
			<view class="public-box" style="padding-bottom: 0; overflow: hidden;">
				<h1 class="order-h1">订单详情</h1>
				<view>
					<image class="bannner" :src="orderInfo.tAppServiceVo.serviceImage" mode="widthFix"></image>
					<h1 class="server-h1">{{orderInfo.tAppServiceVo.serviceName}}</h1>
					<view class="money-number">
						<view class="money-box">
							交通费：
							<view class="red">
								<span class="goods-span-red">¥</span>{{orderInfo.postAmount}}
							</view>
						</view>
						<view class="money-box">
							订单金额
							<view class="red">
								<span class="goods-span-red">¥</span>{{orderInfo.orderAmount}}
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		
		<view class="content-box m-b16">
			<view class="public-box" style="padding-bottom: 0; overflow: hidden;">
				<h1 class="order-h1">订单信息</h1>
				<view class="detail-box" v-if="orderInfo.orderCode != '' && orderInfo.orderCode != null">
					<view class="detail-font2">
						<view class="left">订单编号：</view>
						<view class="right">{{orderInfo.orderCode}}</view>
					</view>
				</view>
				<view class="detail-box" v-if="orderInfo.createTime != '' && orderInfo.createTime != null">
					<view class="detail-font2">
						<view class="left">支付方式：</view>
						<view class="right">{{orderInfo.payType == 2 ? "微信" : "支付宝"}}</view>
					</view>
				</view>
				<view class="detail-box" v-if="orderInfo.createTime != '' && orderInfo.createTime != null">
					<view class="detail-font2">
						<view class="left">下单时间：</view>
						<view class="right">{{orderInfo.createTime}}</view>
					</view>
				</view>
				<view class="detail-box" v-if="orderInfo.storeTakeTime != '' && orderInfo.storeTakeTime != null">
					<view class="detail-font2">
						<view class="left">商家接单时间：</view>
						<view class="right">{{orderInfo.storeTakeTime}}</view>
					</view>
				</view>
				<view class="detail-box" v-if="orderInfo.staffTakeTime != '' && orderInfo.staffTakeTime != null">
					<view class="detail-font2">
						<view class="left">技师接单时间：</view>
						<view class="right">{{orderInfo.staffTakeTime}}</view>
					</view>
				</view>
				<view class="detail-box" v-if="orderInfo.clockTime != '' && orderInfo.clockTime != null">
					<view class="detail-font2">
						<view class="left">打卡时间：</view>
						<view class="right">{{orderInfo.clockTime}}</view>
					</view>
				</view>
		        <view class="detail-box" v-if="orderInfo.clockImg">
			    <view class="detail-font2">
				    <view class="left">打卡图片</view>
						
			    </view>
				
		    </view>
				<image class="img-b" v-if="orderInfo.clockImg" :src="orderInfo.clockImg" mode=""></image>
				<view class="detail-box" v-if="orderInfo.serviceStartTime != '' && orderInfo.serviceStartTime != null">
					<view class="detail-font2">
						<view class="left">开始服务时间：</view>
						<view class="right">{{orderInfo.serviceStartTime}}</view>
					</view>
				</view>
				<view class="detail-box" v-if="orderInfo.serviceEndTime != '' && orderInfo.serviceEndTime != null">
					<view class="detail-font2">
						<view class="left">服务完成时间：</view>
						<view class="right">{{orderInfo.serviceEndTime}}</view>
					</view>
				</view>
				<view class="detail-box" v-if="orderInfo.orderRemark != '' && orderInfo.orderRemark != null">
					<view class="detail-font2">
						<view class="left">备注：</view>
						<view class="right">{{orderInfo.orderRemark}}</view>
					</view>
				</view>
			</view>
		</view>
				
		<!-- -------- -->
		<view style="height: 160rpx;"></view>
		
		<!-- 底部按钮 -->
		<view class="order-bottom" >
			<view class="goods-bottom-r" v-if="!isShenhe">
				<view v-if="orderInfo.orderStatus == 0 || orderInfo.orderStatus == 1" @click="callPhoneNo(orderInfo.tAppSupplierVo.supplierTel)" class="goods-bottom-but">联系商家</view>
				<!-- <view v-if="orderInfo.orderStatus == 0" @click="refuse(orderInfo.id,orderInfo.version)" class="goods-bottom-but">拒绝</view> -->
				<view v-if="orderInfo.orderStatus == 0" @click="agree(orderInfo.id,orderInfo.version)" class="goods-bottom-but">接单</view>
				<view v-if="orderInfo.orderStatus == 1&& !orderInfo.serviceStartTime" class="goods-bottom-but" @click="toMapAPP">去打车</view>
					<view v-if="orderInfo.orderStatus == 1&& orderInfo.isClock==0" @click="daka(orderInfo.id,orderInfo.version)" class="goods-bottom-but">打卡</view>
				<view v-if="orderInfo.orderStatus == 1 && !orderInfo.serviceStartTime&& orderInfo.isClock==1" @click="start(orderInfo.id,orderInfo.version)" class="goods-bottom-but">开始服务</view>
				<view v-if="orderInfo.orderStatus == 1 && orderInfo.serviceStartTime" @click="finish(orderInfo.id,orderInfo.version)" class="goods-bottom-but">服务完成</view>
				<view v-if="orderInfo.orderStatus == 2" @click="lahei" class="goods-bottom-but">拉黑用户</view>
				<view v-if="orderInfo.orderStatus == 2 && !isShenhe" @click="pingjia" class="goods-bottom-but">查看评价</view>
				<view v-if="orderInfo.orderStatus == 2&&orderInfo.questionFlag == 0" @click="tianxiewj" class="goods-bottom-but">填写问卷</view>
				<view v-if="orderInfo.questionFlag == 1" @click="lookQuestion" class="goods-bottom-but">查看问卷</view>
			</view>
		</view>

		<uv-modal ref="modal" title="输入拒绝原因" 
			@confirm="refuseConfirm" 
				cancelText="取消" 
				:show-cancel-button="true"
		>
			<view class="slot-content">
				<uv-textarea 
				style="width: 500rpx" 
				placeholder="请输入内容" 
				border="surround" 
				v-model="cancelForm.refuseReason" 
				></uv-textarea>
			</view>
		</uv-modal>
	</view>

</template>

<script>
	import TopHeigth from '@/components/TopHeigth.vue'
import upload from '../../uni_modules/uview-ui/libs/config/props/upload';
	const aliyunVerify = uni.requireNativePlugin('AP-FaceDetectModule');
	export default {
		data() {
			return {
				num:1,
				orderInfo: null,
				id: null,
				version:'',
				cancelForm: {
					id: 0,
					refuseReason: '',
					version: 0
				},
				isShenhe: 1
			}
		},
		components: { TopHeigth },
		onLoad(e) {
			this.id = e.id
			this.getOrder()
			uni.$u.http.post('/api/shop/v1_0/linyue/version',{}).then((res) => {
				this.isShenhe = !res.data
			})
		},
		methods: {
			callPhoneNo(phoneNumber){
				// 获取app的权限状态数据
				let MainActivity = plus.android.runtimeMainActivity();
				let PermissionCheck = MainActivity.checkSelfPermission('android.permission.CALL_PHONE')
				if(PermissionCheck != 0){
					uni.showModal({
							title: '提示',
							content: '为了实现拨打电话功能，需要访问您的拨打电话和管理通话权限，您如果拒绝将无法使用该功能',
							// showCancel: false, // 不显示取消按钮
							success(res) {
								if (res.confirm) {
									uni.makePhoneCall({
										phoneNumber: phoneNumber
									});
								}
							}
						});
					}else{
						uni.makePhoneCall({
							phoneNumber: phoneNumber
						});
					}
			},
			callPhone(orderInfo){
				console.log(orderInfo)
				uni.$u.http.post('/api/shop/v1_0/linyue/axn',{
					orderCode: orderInfo.orderCode,
					staffMobile: orderInfo.tAppStaffVo.staffMobile,
					userMobile: orderInfo.userMobile,
					isOn: 1
				}).then((res) => {
					if(res.code != 200){
						return uni.showModal({
							title:  res.message,
							icon: 'none'
						})
					}
					// uni.makePhoneCall({
					// 	phoneNumber: res.data
					// });
					let MainActivity = plus.android.runtimeMainActivity();
					let PermissionCheck = MainActivity.checkSelfPermission('android.permission.CALL_PHONE')
					if(PermissionCheck != 0){
						uni.showModal({
								title: '提示',
								content: '为了实现拨打电话功能，需要访问您的拨打电话和管理通话权限，您如果拒绝将无法使用该功能',
								// showCancel: false, // 不显示取消按钮
								success(res) {
									if (res.confirm) {
										uni.makePhoneCall({
											phoneNumber: res.data
										});
									}
								}
							});
						}else{
							uni.makePhoneCall({
								phoneNumber: res.data
							});
						}
				}) 
				
			},
			openModal() {
				this.$refs.modal.open();
			},
			getOrder(type) {
				uni.$u.http.post('/api/shop/v1_0/tAppOrderRCA/turnTAppOrderInfo',{
					id: this.id,
				}).then((res) => {
					this.orderInfo = res.data
					this.id = res.data.id
					this.version = res.data.version
				}) 
			},
			lahei() {
				uni.showModal({
					title: '提示',
					content: '拉黑后您将不在收到此用户的订单，是否拉黑?',
					success: (res) => {
						if (res.confirm) {
							uni.$u.http.post('/api/shop/v1_0/tAppUserBlackRCA/insertTAppUserBlack',{
									staffId:this.orderInfo.staffId,
									userId:this.orderInfo.userId,
									isOn: 1
							}).then((res) => {
								if(res.code == 200){
									 uni.showToast({
									 	icon: "none",
									 	title: "拉黑成功"
									 })
									 setTimeout(() => {
									 	this.getOrder()
									 }, 500)
								}else{
									uni.showToast({
										icon: "none",
										title: "拉黑失败"
									})
								}
							}) 
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				});
				
			},
			refuseConfirm(){
				uni.$u.http.post('/api/shop/v1_0/tAppOrderRCA/updateTAppOrderRefused',this.cancelForm).then((res) => {
					if(res.code == 200){
						 uni.showToast({
						 	icon: "none",
						 	title: "拒绝成功"
						 })
						 setTimeout(() => {
						 	this.getOrder()
						 }, 500)
					}else{
						uni.showToast({
							icon: "none",
							title: "拒绝失败"
						})
					}
				})
			},
			refuse(id,version) { //拒绝接单
			this.cancelForm.id = id
			this.cancelForm.version = version
				this.$refs.modal.open();
				
			},
			agree(id,version) { //同意接单
			var _this = this;
				uni.showModal({
					title: '提示',
					content: '确定接单吗?',
					success: (res) => {
						if (res.confirm) {
							if(this.orderInfo.isAddtime==1){//加钟单
								uni.$u.http.post('/api/shop/v1_0/tAppOrderRCA/updateTAppOrderStart',{
										id:id,
										version:version,
										addOrderId:_this.orderInfo.addOrderId,
										staffId:_this.orderInfo.staffId,
										isAddtime:1
								}).then((res) => {
									if(res.code == 200){
										 uni.showToast({
										 	icon: "none",
										 	title: "接单成功"
										 })
										 setTimeout(() => {
										 	this.getOrder()
										 }, 500)
									}else{
										uni.showToast({
											icon: "none",
											title: "接单失败,此订单时间冲突"
										})
									}
								}) 
							}else{
								uni.$u.http.post('/api/shop/v1_0/tAppOrderRCA/updateTAppOrderStart',{
										id:id,
										version:version,
								}).then((res) => {
									if(res.code == 200){
										 uni.showToast({
										 	icon: "none",
										 	title: "接单成功"
										 })
										 setTimeout(() => {
										 	this.getOrder()
										 }, 500)
									}else{
										uni.showToast({
											icon: "none",
											title: "接单失败"
										})
									}
								}) 
							}
							
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				});
				
			},
			start(id,version) { //开始服务
				uni.showModal({
					title: '提示',
					content: '确定开始服务吗?',
					success: (res) => {
						if (res.confirm) {
							uni.$u.http.post('/api/shop/v1_0/tAppOrderRCA/updateTAppOrderServiceStart',{
									id:id,
									version:version,
							}).then((res) => {
								if(res.code == 200){
									 uni.showToast({
									 	icon: "none",
									 	title: "服务已开始"
									 })
									 setTimeout(() => {
									 	this.getOrder()
									 }, 500)
								}else{
									uni.showToast({
										icon: "none",
										title: "服务开始失败 请重新点击"
									})
								}
							}) 
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				});
				
			},
			 daka(id,version){
				var _this = this;
				//  uni.chooseImage({
				// 	count: 1, //默认9
				// 	sizeType: [ 'compressed'], //可以指定是原图还是压缩图，默认二者都有
				// 	sourceType: ['camera'], //从相册选择
				// 	async success: function (res) {
				// 	console.log('------+++++++',JSON.stringify(res.tempFilePaths));
				// 		const result= await this.uploadFilePromise(JSON.stringify(res.tempFilePaths),id,version);
				// 		console.log('------',result);
				// 		_this.uploads(result,id,version)
						
				// 	}
				// });
				// 选择图片
				uni.chooseImage({
				    count: 1, // 默认9, 设置图片的数量
				    sizeType: ['compressed'], // 可以指定是原图还是压缩图，默认二者都有
				    sourceType: ['camera'], // 可以指定来源是相册还是相机，默认二者都有
				    success: function (res) {
				        // 成功选择图片后
				        const tempFilePaths = res.tempFilePaths;
				        const uploadTask = uni.uploadFile({
				            url: uni.$u.http.getSignUrl("/api/system/loginController/uploadImage"), // 开发者服务器的URL
				            filePath: tempFilePaths[0], // 要上传文件资源的路径
				            name: 'file', // 文件对应的key
				            formData: {
				                'user': 'test' // 其他要上传的参数
				            },
				            success: function (uploadFileRes) {
				                console.log('++++++++++1111',uploadFileRes.data);
								_this.uploads(JSON.parse(uploadFileRes.data).data,id,version)
				                // 处理上传成功后的结果
				            },
				            fail: function (uploadFileErr) {
				                // 处理上传失败的错误信息
				            }
				        });
				        // 上传进度
				        uploadTask.onProgressUpdate((res) => {
				            console.log('上传进度' + res.progress + '%');
				        });
				    },
				    fail: function (chooseImageError) {
				        // 处理选择图片失败的错误信息
				    }
				});
			},
			uploads(result,id,version){
				  console.log('++++++++++11112222222',result);
				uni.$u.http.post('/api/shop/v1_0/tAppOrderRCA/updateOrderClock',{
						id:id,
						version:version,
						clockImg:result
				}).then((res) => {
					if(res.code == 200){
						 uni.showToast({
						 	icon: "none",
						 	title: "打卡成功"
						 })
						 setTimeout(() => {
						 	this.getOrder()
						 }, 500)
					}else{
						uni.showToast({
							icon: "none",
							title: "打卡失败 请重新点击"
						})
					}
				}) 
			},
			 uploadFilePromise(url,id,version) {
					var _this = this;
					return new Promise((resolve, reject) => {
						let a = uni.uploadFile({
							url: uni.$u.http.getSignUrl("/api/system/loginController/uploadImage"), // 仅为示例，非真实的接口地址
							filePath: url,
							name: 'file',
							success: (res) => {
								resolve(JSON.parse(res.data).data)
							}
						});
					})
				// return new Promise((resolve, reject) => {
				// 	let a = uni.uploadFile({
				// 		url: uni.$u.http.getSignUrl("/api/system/loginController/uploadImage"), // 仅为示例，非真实的接口地址
				// 		filePath: url,
				// 		name: 'file',
				// 		success: (res) => {
				// 			// resolve(JSON.parse(res).data)
						
							
				// 		}
				// 	});
				// })
			},
			finish(id,version) { //完成服务
			var _this = this;
				uni.showModal({
					title: '提示',
					content: '确定完成服务吗?',
					success: (res) => {
						if (res.confirm) {
							let metaInfo = aliyunVerify.getMetaInfo()
							let p = uni.getSystemInfoSync().platform;
							if (p === "ios") {
								metaInfo = JSON.stringify(metaInfo);
							}
							// 进行活体检测
							uni.$u.http.post('/api/shop/v1_0/tAppStaffRCA/initFaceVerify',{
								 id:this.orderInfo.staffId,
								 staffCardNo:this.orderInfo.tAppStaffVo.staffCardNo,
								 staffName:this.orderInfo.tAppStaffVo.staffName,
								 metaInfo: metaInfo
							}).then((res) => {
								console.log(res)
								if(res.code != 200){
									return uni.showToast({
										title: res.message,
										icon: 'none'
									});
								}
								aliyunVerify.verify({
								    "certifyId":res.data.certifyId,
								  }, 
								  function(response){
									// 请求验证结果
									uni.$u.http.post('/api/shop/v1_0/tAppStaffRCA/describeFaceVerify',{
										certifyId: res.data.certifyId
									}).then(checked => {
										console.log("checked", checked)
										if(checked.data.subCode == 200){
											return _this.ServiceFinish()
											// 成功
											// uni.$u.http.post('/api/shop/v1_0/tAppStaffRCA/updateTAppStaff',{
											// 	id: _this.userId,
											// 	version: _this.version,
											// 	isAuthentication: 1,
											// 	staffName: _this.name,
											// 	staffCardNo: _this.card
											// }).then(res => {
											// 	uni.navigateBack()
											// })
										}else if(checked.data.subCode == 201){
											// 姓名身份证不匹配
											return uni.showToast({
												title: "姓名和身份证不一致",
												icon: 'none'
											});
										}else{
											// 其他错误请重试
											return uni.showToast({
												title: "认证失败,请重试",
												icon: 'none'
											});
									
										}
									})
									
								  }
								);
							})
					
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				});
			},
			ServiceFinish(){
				uni.$u.http.post('/api/shop/v1_0/tAppOrderRCA/updateTAppOrderServiceFinish',{
						id:this.orderInfo.id,
						version:this.orderInfo.version,
				}).then((res) => {
					if(res.code == 200){
						 uni.showToast({
						 	icon: "none",
						 	title: "服务已完成"
						 })
						 setTimeout(() => {
						 	this.getOrder()
						 }, 500)
					}else{
						uni.showToast({
							icon: "none",
							title: "服务完成失败 请重新点击"
						})
					}
				}) 
			},
			toMapAPP(){
				var latitude	= this.orderInfo.userLat
				var longitude	= this.orderInfo.userLng
				var name		= this.orderInfo.userAddress
				let url = "";
				if (plus.os.name == "Android") {//判断是安卓端
					plus.nativeUI.actionSheet({//选择菜单
						title: "选择地图应用",
						cancel: "取消",
						buttons: [{title: "高德地图"}]
					}, function(e) {
						switch (e.index) {
							//下面是拼接url,不同系统以及不同地图都有不同的拼接字段
							case 1:
								url = `androidamap://viewMap?sourceApplication=appname&poiname=${name}&lat=${latitude}&lon=${longitude}&dev=0`;
								break;
							default:
								break;
						}
						if (url != "") {
							url = encodeURI(url);
							plus.runtime.openURL(url, function(e) {
								plus.nativeUI.alert("本机未安装指定的地图应用");
							});
						}
					})
				} else {
					plus.nativeUI.actionSheet({
						title: "选择地图应用",
						cancel: "取消",
						buttons: [{title: "高德地图"}]
					}, function(e) {
						switch (e.index) {
							case 1:
								url = `iosamap://viewMap?sourceApplication=applicationName&poiname=${name}&lat=${latitude}&lon=${longitude}&dev=0`;
								break;
							default:
								break;
						}
						if (url != "") {
							url = encodeURI(url);
							plus.runtime.openURL(url, function(e) {
								plus.nativeUI.alert("本机未安装指定的地图应用");
							});
						}
					})
				}
			},
			pingjia(){
				uni.navigateTo({
					url: "/pages/index/evaluate?orderCode=" + this.orderInfo.orderCode
				})
			},
			tianxiewj(){
				//此处改为先跳转客户评价问卷页面
				uni.navigateTo({
					url: "/pages/question/index?orderId="+this.id
				})
			},
			lookQuestion(){
				uni.navigateTo({
					url: `/pages/question/detail?orderId=${this.id}&userName=${this.orderInfo.userName}&userAddress=${this.orderInfo.userAddress}&serviceName=${this.orderInfo.tAppServiceVo.serviceName}&orderAmount=${this.orderInfo.orderAmount}`
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	@mixin flex($direction: row) {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: $direction;
	}
	.uv-nav-slot {
		@include flex;
		align-items: center;
		justify-content: space-between;
		border-width: 0.5px;
		border-radius: 100px;
		border-color: #dadbde;
		padding: 3px 7px;
		opacity: 0.8;
	}
	
	.img-b{
		@include flex;
		width: 200rpx;
		height: 200rpx;
	}
	.order-h1{
		font-size: 26rpx;
		font-weight: bold;
		color: #333333;
		line-height: 36rpx;
		margin-bottom: 24rpx;
	}
	.order-h1-font{
		font-size: 24rpx;
		color: #333333;
		line-height: 34rpx;
	}
	.detail-font2{
		@include flex;
		align-items: center;
		justify-content:flex-start; 
		font-size: 24rpx;
		
		.left{
			width: 170rpx;
			color: #999999;
		}
		.right{
			color: #333;
		}
	}
	.detail-box{
		@include flex;
		align-items: center;
		justify-content:space-between; 
		margin-bottom: 32rpx;
	}
	.detail-font2-l{
		@include flex;
		align-items: center;
		justify-content:flex-start; 
		
		font-size: 24rpx;
		image{
			width: 32rpx;
			height: 32rpx;
			margin-right: 10rpx;
		}
	}
	.bannner{
		width: 100%;
		margin-bottom: 16rpx;
	}
	.server-h1{
		font-size: 30rpx;
		font-weight: 500;
		color: #333;
		margin-bottom: 15rpx;
	}
	.money-number{
		@include flex;
		align-items: center;
		justify-content:space-between;
		padding-bottom: 30rpx;
	}
	.money-box{
		@include flex;
		align-items: end;
		justify-content:flex-start;
		font-size: 24rpx;
		.red{
			color: #F82727;
			font-size: 34rpx;
			font-weight: bold;
			margin-right: 16rpx;
			span{
				font-size: 26rpx;
			}
		}
	}
	
	
	.order-bottom{
		padding: 0 32rpx;
		background: #fff;
		position: fixed;
		bottom: 0;
		width: calc(100% - 64rpx);
		/* height: 100rpx; */
		
		@include flex;
		align-items: center;
		justify-content:flex-end; 
		.goods-bottom-r{
			@include flex;
			align-items: center;
			justify-content:space-between;
			.goods-bottom-but{
				width: 218rpx;
				height: 80rpx;
				line-height: 80rpx;
				font-size: 24rpx;
				color: #fff;
				background: #01B88C;
				border-radius:80rpx;
				text-align: center;
				margin-left: 16rpx;
				margin-top:26rpx;
				margin-bottom:26rpx;
			}
		}
		
	}
</style>
